<style type="text/css">
	.row-li {
		width: 186px;
		height: 64px;
		background-color:rgba(236,245,255,1);
		box-shadow:0px 0px 4px 0px rgba(208,218,226,0.5);
		border-radius:4px;
		background-image: url('assets/images/gdzz01.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 15%;
	}
	.row-li:nth-child(2n) {
		background-image: url('assets/images/gdzz02.png');
		background-color:rgba(236,239,255,1);
	}
	.row-li:nth-child(3) {
		background-image: url('assets/images/gdzz03.png');
	}
	.row-li div {
		padding-left: 15px;
		padding-top: 10px;
		color:rgba(81,111,188,1);
	}
	.row-li div b {
		font-size: 20px;
	}
	.row-li p {
		padding-left: 15px;
		padding-top: 3px;
		font-size: 12px;
		color:rgba(182,200,249,1);
	}
	.row-li:nth-child(2n) div {
		color:rgba(148,134,253,1);
	}
	.row-li:nth-child(2n) p {
		color:rgba(148,134,253,1);
	}
	.dw-gd {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background: #fff;
		max-height: 140px;
		overflow-y: scroll;
		z-index: 9;;
	}
	.dw-gd li {
		height: 28px;
		line-height: 28px;
		cursor: pointer;
		text-indent: 10px;
	}
	.dw-gd li:hover {
		background: #838eba;
		color: #fff;
	}
</style>

<section id="report_bi">
	<hl-page-header title="广东广播电视台物业资产管理表">
		<hl-button type="outline" @on-click="incomeExport" v-if="power.indexOf('c270') > -1">导出</hl-button>
	</hl-page-header>

	<div class="clearfix mtb-10">
		<div class="pull-left mr-10">
			<p style="color: #CFCFCF;fontSize:12px;marginBottom:6px">楼栋</p>
			<hl-select :data="buildingArr" v-model="buildingId" width="140" @on-change="selectBuilding"></hl-select>
		</div>
		<div class="pull-left mr-10">
			<p style="color: #CFCFCF;fontSize:12px;marginBottom:6px">楼层</p>
			<hl-select :data="floorArr" v-model="floorId" width="140" @on-change="selectFloor"></hl-select>
		</div>
		<div class="pull-left mr-10">
			<p style="color: #CFCFCF;fontSize:12px;marginBottom:6px">单元</p>
			<hl-select :data="unitArr" v-model="unitId" width="140" @on-change="seletUnit"></hl-select>
		</div>
		<div class="pull-left mr-10">
			<p style="color: #CFCFCF;fontSize:12px;marginBottom:6px">使用单位</p>
			<div class="relative" style="width:140px;">
			  <input @focus="leaseHolderTypeDt" @blur="blur" @input="changeStr" class="border br-4" type="text" v-model="company" style="background:rgba(249,249,249,1);height:34px;width:100%;outline:medium;text-indent:10px;" />
			  <ul class="dw-gd" v-show="companyArr.length">
			    <li v-for="item in companyArr" class="ellipsis-1" :title="item.title" @click="selectedDw(item)">{{ item.leaseHolderType }}</li>
			  </ul>
			</div>
		</div>
		<div class="pull-left">
		  <p style="visibility: hidden;">*</p>
			<div>
				<button class="btn s-btn-default mr-10" @click="biGDRZ">查询</button>
				<button class="btn s-btn-default" @click="reset">重置</button>
			</div>
		</div>
	</div>
	<div class="dy-flex mb-10" style="justify-content: space-between;">
		<div class="row-li">
			<div><b>{{ gddstReportObj.totalCoveredAcreage | formatNum }}</b><span>m²</span></div>
			<p>总建筑面积</p>
		</div>
		<div class="row-li">
			<div><b>{{ gddstReportObj.totalInsiderAcreage | formatNum }}</b><span>m²</span></div>
			<p>总套内面积</p>
		</div>
		<div class="row-li">
			<div><b>{{ gddstReportObj.totalLeaseholderAmount }}</b></div>
			<p>总单位人数</p>
		</div>
		<div class="row-li">
			<div><b>{{ gddstReportObj.averageCoveredAcreage | formatNum }}</b><span>m²</span></div>
			<p>人均建筑面积</p>
		</div>
		<div class="row-li">
			<div><b>{{ gddstReportObj.averageInsiderAcreage | formatNum }}</b><span>m²</span></div>
			<p>人均套内面积</p>
		</div>
	</div>
	<div class="rent-content br-4 global_table" style="padding:0;">
		<table>
			<thead>
				<tr class="global_table_title">
					<th>序</th>
					<th>资产名称</th>
					<th>资产类型</th>
					<th>是否有产权证</th>
					<th>建筑性质</th>
					<th>资产所在地</th>
					<th>资产价值（万元）</th>
					<th>产权所属单位</th>
					<th>取得方式</th>
					<th>取得时间</th>
					<th>已办理产权证面积（㎡）</th>
					<th>未办理产权证面积（㎡）</th>
					<th>权属证明类型</th>
					<th>产权证号</th>
					<th>证载地址</th>
					<th>发证日期</th>
					<th>证载建筑面积（㎡）</th>
					<th>权属性质</th>
					<th>土地批文文号或合同名称</th>
					<th>土地规划用途</th>
					<th>未办理产权证原因</th>
					<th>是否进行账务处理</th>
					<th>核算科目</th>
					<th>金额（万元）</th>
					<th style="padding: 0px !important;">

							<ul class="clearfix" style="width: 5000px;">
								<li class="pull-left border-r" style="width:100px;">楼层</li>
								<li class="pull-left border-r" style="width:100px;">房号</li>
								<li class="pull-left border-r" style="width:200px;">建筑面积（㎡）</li>
								<li class="pull-left border-r" style="width:200px;">套内面积（㎡）</li>
								<li class="pull-left border-r" style="width:200px;">租赁面积（㎡）</li>
								<li class="pull-left border-r" style="width:200px;">业态</li>
								<li class="pull-left border-r" style="width:200px;">管理单位（部门）</li>
								<li class="pull-left border-r" style="width:200px;">管理单位（部门）负责人</li>
								<li class="pull-left border-r" style="width:200px;">物业状态</li>
								<li class="pull-left border-r" style="width:200px;">使用单位</li>
								<li class="pull-left border-r" style="width:200px;">使用人所属单位</li>
								<li class="pull-left border-r" style="width:200px;">使用单位性质</li>
								<li class="pull-left border-r" style="width:200px;">使用人数</li>
								<li class="pull-left border-r" style="width:200px;">使用开始日期</li>
								<li class="pull-left border-r" style="width:200px;">使用结束日期</li>
								<li class="pull-left border-r" style="width:200px;">使用单位联系人</li>
								<li class="pull-left border-r" style="width:200px;">使用单位联系人联系方式</li>
								<li class="pull-left border-r" style="width:200px;">租借/投资/处置面积（㎡）</li>
								<li class="pull-left border-r" style="width:200px;">租借或合作单位名称</li>
								<li class="pull-left border-r" style="width:200px;">是否公开招租</li>
								<li class="pull-left border-r" style="width:200px;">租借/投资期限</li>
								<li class="pull-left border-r" style="width:200px;">合同约定年租金/分成 (万元)</li>
								<li class="pull-left border-r" style="width:200px;">审批单位</li>
								<li class="pull-left border-r" style="width:200px;">租借/投资/处置收入金额 (万元)</li>
								<li class="pull-left border-r" style="width:200px;">上缴财政金额 (万元)</li>
								<li class="pull-left" style="width:200px;">备注</li>
							</ul>

					</th>
				</tr>
				<thead>
				<tbody>
					<tr v-for="(item, index) in biObj.buildings" class="oneforAll">
						<td style="padding: 0 !important;border: 0px !important;border-left: 1px solid #ddd !important;">
							<div v-for="(item0, index0) in item.units" :class="{'border-t': item0.index > 1, 'border-b': item0.index == biObj.totalCount}">
								{{ item0.index }}
							</div>
						</td>
						<td>{{ item.assetsInfo || '--' }}</td>
						<td>{{ item.assetsType || '--' }}</td>
						<td>{{ item.prRegisteredFlag == 'Y' ? '是' : '否' }}</td>
						<td>{{ item.architecturalProperty || '--' }}</td>
						<td>{{ item.assetsLocation || '--' }}</td>
						<td>{{ item.assetsValue || '--' }}</td>
						<td>{{ item.prBelongOrg || '--' }}</td>
						<td>{{ item.prAcquireWay || '--' }}</td>
						<td>{{ item.prAcquireTime | date }}</td>
						<td>{{ item.prAcquiredAcreage || '--' }}</td>
						<td>{{ item.prUnacquiredAcreage || '--' }}</td>
						<td>{{ item.prCertType || '--' }}</td>
						<td>{{ item.prCertNo || '--' }}</td>
						<td>{{ item.prCertAddr || '--' }}</td>
						<td>{{ item.prCertIssueDate || '--' }}</td>
						<td>{{ item.prCertCoveredAcreage || '--' }}</td>
						<td>{{ item.prCertOwnershipNature || '--' }}</td>
						<td>{{ item.landApprovalNo || '--' }}</td>
						<td>{{ item.landPlanningUsage || '--' }}</td>
						<td>{{ item.prUntreatedReason || '--' }}</td>
						<td>{{ item.financialTreatmentFlag == 'Y' ? '是' : '否' }}</td>
						<td>{{ item.accountingSubjects || '--' }}</td>
						<td>{{ item.prCertRegisteredAmount || '--' }}</td>
						<td style="padding: 0px !important;">
							<ul class="clearfix" style="width: 5000px;" :class="{'border-t': index0 > 0}" v-for="(item0, index0) in item.units">
								<li class="pull-left border-r ellipsis-1" style="width:100px;" :title="item0.floorName">{{ item0.floorName || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:100px;" :title="item0.unitName">{{ item0.unitName || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.coveredAcreage">{{ item0.coveredAcreage || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.insideAcreage">{{ item0.insideAcreage || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.rentAcreage">{{ item0.rentAcreage || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.estateType">{{ item0.estateType || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.manageDept">{{ item0.manageDept || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.manageDeptAdmin">{{ item0.manageDeptAdmin || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.propertyType">{{ item0.propertyType || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderType">{{ item0.leaseholderType || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderOrg">{{ item0.leaseholderOrg || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderOrgCate">{{ item0.leaseholderOrgCate || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderAmount">{{ item0.leaseholderAmount || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;">{{ item0.rentStartTime | date }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;">{{ item0.rentEndTime | date }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderOrgContact">{{ item0.leaseholderOrgContact || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.leaseholderOrgPhone">{{ item0.leaseholderOrgPhone || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.disposalAreaAcreage">{{ item0.disposalAreaAcreage || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.disposalOrgName">{{ item0.disposalOrgName || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.publicRentalFlag">{{ item0.publicRentalFlag == 'Y' ? '是' : '否' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.disposalTerm">{{ item0.disposalTerm || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.appointmentRentAmount">{{ item0.appointmentRentAmount || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.approvalUnit">{{ item0.approvalUnit || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.disposalIncome">{{ item0.disposalIncome || '--' }}</li>
								<li class="pull-left border-r ellipsis-1" style="width:200px;" :title="item0.treasury_amount">{{ item0.treasury_amount || '--' }}</li>
								<li class="pull-left ellipsis-1" style="width:200px;" :title="item0.memo">{{ item0.memo || '--' }}</li>
							</ul>
						</td>
					</tr>
				</tbody>
		</table>
	</div>
	<div class="user-page ptb-10 clearfix">
		<div class="pull-left report_bi-page-num user-page-num">
			<span class="font-14">共<i>{{ biObj.totalCount }}</i>条记录</span>
			<span>每页
			<hl-select :data="pageTcount" v-model="currNumber" width="80" @on-change="pageNumber"></hl-select>
				条
			</span>
		</div>
		<div class="pull-right">
			<ul class="page" id="page"></ul>
		</div>
	</div>
	<a href="" class="export-click inline" style="height:100px;width:100px;"></a>
</section>

<script src="modules/report_bi/scripts/guangdong.js" charset="utf-8"></script>
